<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>夺宝记录</title>
    <link href="/statics/view/css/yy_common.css" rel="stylesheet">
    <link href="/statics/view/css/yy_user.css" rel="stylesheet">
</head>
<body>
<div class="m-user">
    <div class="m-simpleHeader" id="dvHeader">
        <a href="/dbs/index.html" data-pro="back" style="padding: 10px 15px;" data-back="true" class="m-simpleHeader-back"><i class="ico ico-back"></i></a>
        <h1>夺宝记录</h1>
    </div>
    <div class="m-user-duobaoRecord" id="duobaoRcd_dvWrapper">
        <div id="pro-view-6">
            <div data-pro="loading"></div>
            <ul class="w-goodsList w-goodsList-l m-user-goodsList" id="dataList" data-pro="list">
            [#list orderList as order]
                <li class="w-goodsList-item" id="pro-view-8">
                    <div class="w-goods w-goods-l w-goods-ing m-user-goods">
                        <div class="w-goods-pic">
                            <a href="/dbs/product-${order.productId}-${order.timesNo}.html">
                                <img alt="${order.name}" src="${order.productMedium}" onerror="" class="">
                            </a>
                        </div>
                        <div class="w-goods-info">
                            <p class="w-goods-title f-txtabb">
                                <a href="/dbs/product-${order.productId}-${order.dbTimes.timesNo}.html">${order.name}</a>
                            </p>
                            <p class="w-goods-price">总需：${order.dbTimes.quantity}人次</p>
                            <p class="w-goods-period">期号：${order.timesNo}</p>
                            [#if order.dbTimes.isLottery]
                                <div class="m-user-goods-owner m-user-box">
                                    <div class="m-user-box-name">获得者：</div>
                                    <div class="m-user-box-cont"><a href="">${order.dbTimes.lotteryMobileInfo}</a></div>
                                </div>
                                <p class="m-user-goods-code">幸运号码：<span class="txt-impt">${order.dbTimes.timesCode}</span></p>
                                <p class="m-user-goods-time">揭晓时间:[#if order.dbTimes.endDate??]${order.dbTimes.endDate?string("yyyy-MM-dd HH:mm:ss")}[/#if]</p>
                            [#else]
                                <p class="m-user-goods-time" style="color: #cc0000;">尚未揭晓</p>
                            [/#if]
                            <div class="m-user-goods-my">
                                本期参与：
                                <span class="txt-impt">
                                    ${order.quantity}
                                </span>人次
                                <a class="link showMyCode" data-id="${order.id}" data-content="${order.codeInfo}"  href="javascript:void(0);" data-pro="mycode">
                                    查看我的号码
                                    <div class="db-code-mod" style="display: none;">
                                         ${order.htmlCodeInfo}
                                    </div>
                                </a>
                            </div>
                            <div class="m-user-goods-my">
                                <span class="txt-impt">
                                    [#if order.distributionQuantity!=null&&order.distributionQuantity!=order.quantity]
                                        实际分配${order.distributionQuantity},未分配份数已经退款到宝币余额
                                    [/#if]
                                </span>
                            </div>
                        </div>
                        <div class="w-goods-shortFunc">
                            [#if order.dbTimes.lotteryMobile==member.mobile&&order.isLottery]
                                [#if order.dbTimes.flag==1]虚拟物品,请耐心等待[#else]<a class="link" href="/member/dbRecord/winDetail-${order.id}">中奖信息</a>[/#if]
                            [/#if]
                        </div>
                    </div>
                </li>
            [/#list]
            </ul>
            <div data-pro="more">
                <div class="w-more" id="pro-view-14">
                    <div data-pro="link"><a href="javascript:void(0);" data-current-page="1" data-page-num="10" id="load-more">点击加载更多</a></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script src="/statics/view/js/db.js"></script>
<script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
<script type="text/javascript">
    $(function(){
        $(".showMyCode").click(function(){
            var data=$(this).attr("data-content");
            alert(data);
        });

        $("#load-more").click(function(){
            var $this=$(this);
            var currentNum=$this.attr("data-current-page");
            var pageNum=parseInt(currentNum);
            layer.open({
                type: 2,
                content: '加载中~'
            });
            $.ajax({
                url: "/dMember/record-content",
                type: "GET",
                data: {
                    pageNum: pageNum+1
                },
                dataType: "text",
                cache: false,
                success: function(data) {
                    layer.closeAll();
                    if(data.trim().length>10){
                        $(data).appendTo("#dataList");
                        currentNum=currentNum+1;
                        $this.attr("data-current-page",pageNum+1);
                    }else{
                        layer.open({
                            content: "没有更多了",
                            time: 2
                        });
                    }
                },error:function(){
                    layer.closeAll();
                    layer.open({
                        content: "加载异常",
                        time: 2
                    });
                }
            });
        });
    });
</script>

<div class="cnzz" style="display: none;">
    <script src="http://s4.cnzz.com/z_stat.php?id=1256836410&web_id=1256836410" language="JavaScript"></script>
</div>
</body>
</html>